<div
  xmlns="http://www.w3.org/1999/xhtml"
  class="g2-tooltip"
  style="pointer-events: none; position: absolute; visibility: visible; z-index: 8; transition: visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(255, 255, 255, 0.96); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; padding: 12px; min-width: 120px; max-width: 360px; font-family: sans-serif; left: 310px; top: 310px;"
>
  <div>
    <dv>
      <h2>2014-12-29 08:00:00</h2>
      <span>(300, 300)</span>
      <ul style="padding-left: 1em">
        <li style="color: #00C9C9">AMZN: 1.1796907383580681</li>
        <li style="color: #7863FF">MSFT: 1.4365728863630909</li>
        <li style="color: #1783FF">AAPL: 1.7534635020687204</li>
        <li style="color: #F0884D">GOOG: 1.209896794182093</li>
        <li style="color: #D580FF">IBM: 0.7927593925383544</li>
      </ul>
    </dv>
  </div>
</div>